<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>

<style>

    #videoShow{
        position: relative;
    }

    #videoShow .iconclose{
        position:absolute;
        top: -20px;
        right: -20px;
        border-radius: 50px;
    }

</style>

<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form class="form-horizontal m-t" id="signupForm">
                        <input id="id" name="id" th:value="${topicReportDO.id}"  type="hidden">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">专题名称：</label>
                            <div class="col-sm-8">
                                <div id="topicName" th:text="${topicReportDO.topicName}" class="form-control"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">专题图片：</label>
                            <div class="col-sm-8">

                                <label th:if="${topicReportDO.topicImage == ''}">
                                    -
                                </label>
                                <label th:if="${topicReportDO.topicImage != ''}">
                                    <img class="upImg" th:src="${topicReportDO.topicImage}" width="80" height="80"/>
                                </label>

                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">专题视频：</label>
                            <div class="col-sm-8">

                                <div id="videoShow" th:if="${topicReportDO.topicVideo != ''}">
                                    <video width="200" height="200" th:src="${topicReportDO.topicVideo}" controls autoplay>抱歉，您的浏览器不支持内嵌视频</video>
                                    <input type="hidden" id="topicVideo" th:value="${topicReportDO.topicVideo}">
                                </div>
                                <div id="videoShow" th:if="${topicReportDO.topicVideo == ''}">-</div>

                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">创建时间：</label>
                            <div class="col-sm-8">
                                <div id="createdDate">
                                    <div th:text="${topicReportDO.createdDate}" class="form-control"></div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">修改时间：</label>
                            <div class="col-sm-8">
                                <div id="updateDate">
                                    <div th:text="${topicReportDO.updateDate}" class="form-control"></div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">创建人：</label>
                            <div class="col-sm-8">
                                <div id="userName">
                                    <div th:text="${topicReportDO.userName}" class="form-control"></div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">优先级：</label>
                            <div class="col-sm-8">
                                <div id="sortOrder" th:text="${topicReportDO.sortOrder}" class="form-control"></div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script src="//s.xlongwei.com/res/js/My97DatePicker/WdatePicker.js"></script>
</script>
</body>
</html>
